<!DOCTYPE>
<html>
  <head>
    <meta charset="utf-8">
    <link type="text/css" href="Style.css" rel="stylesheet"></link>
	<style>
	  form#loginForm{position:absolute;left:370px;top:240px;}
	  input#account{position:relative;left:0;width:250px;height:30px;border-radius:0.6em;border:1px solid #777;outline:none;}
	  input#password{position:relative;left:0;width:250px;height:30px;border-radius:0.6em;border:1px solid #777;outline:none;}
	  input#bt1{position:relative;left:100px;top:0;width:100px;height:30px;cursor:pointer;border-radius:1em;border:1px solid #777;outline:none;background-color:#1f7ff4;font-size:20;color:white;}
	  a#registerButton{position:absolute;left:140px;top:240px;cursor:pointer;}
	  img#readingLady{height:300px;position:relative;left:450px;bottom:280px}
	</style>
	<script type="text/javascript" src="js/inputnull.js"></script>
	<script type="text/javascript">
	  function password_visible()//显示密码的函数
	  {	  
	    var pswd = document.getElementById("password");
		console.log(pswd.type+" type is about to change");
		if(pswd.type=="password"){
		  pswd.type="text";
		}
		else{
		  pswd.type="password";
		}
		
	  }
	</script>
  	<title>登录</title>
  </head>
  <body>
	<ul id="nav">        <!--导航条-->
	  <li><a href="login.html">注册/登录</a></li>
	</ul>
	<form id="searchBook" onSubmit=" return navigationbeforeSubmit(this) ">
	    <text id="s_b_txt1">二手书回收平台</text>
	    <text id="s_b_txt2">二手书定价查询平台</text>
	    <input id="s_b_input1" name="bookNameAuthor" type="text" placeholder="图书名称、作者">
		<input id="s_b_input2" name="search" type="submit" value="搜索">                   <!-- 搜索功能 -->
	</form>
	<form id="loginForm" method="post" action="../landServlet" onsubmit="return loginbeforeSubmit(document.forms[1])">
	    账号:<input type="text" id="account" name="account" placeholder="用户ID"><br/><br/>
		密码:<input type="password" id="password" name="password"  placeholder="密码"><br/><br/>
		显示密码<input type="checkbox" id="passwordVisible" name="passwordVisible" onclick="password_visible()">              <!-- 需要使勾选项可以被取消 -->
        <br/>
		<input type="submit" id="bt1" name="bt1" value="登录"><br/><!-- 登录功能 -->
		<h4>------------------新用户------------------</h4><br/>
		<a href="register.html" id="registerButton">注册</a>       <!-- 跳转到注册 -->
        <img src="image/readingLady.jpg" id="readingLady">		
	</form>
  </body>
</html>